const path = require('path')
const webpack = require('webpack')
const uglify = require('uglifyjs-webpack-plugin')

module.exports = {
	devtool: 'source-map',
	entry: './src/index.js', //入口文件，就是上步骤的src目录下的index.js文件，
	output: {
		path: path.resolve(__dirname, './dist'), //输出路径，就是上步骤中新建的dist目录，
		publicPath: '/dist/',
		filename: 'zyMenuTree.min.js', // 输出文件，对应package.json中的main字段
		libraryTarget: 'umd',
		umdNamedDefine: true,
	},
	module: {
		rules: [
			{
				test: /\.vue$/,
				loader: 'vue-loader',
			},
			{
				test: /\.less$/,
				use: [
					{ loader: 'style-loader' },
					{ loader: 'css-loader' },
					{ loader: 'less-loader' },
				],
			},
			{
				test: /\.(js|jsx)$/,
				exclude: /node_modules|bower_components|vue\/dist|vue-router\/|vue-loader\/|vue-hot-reload-api\//,
				loader: 'babel-loader',
			},
			{
				test: /\.(png|jpg|gif|ttf|svg|woff|eot)$/,
				loader: 'url-loader',
				query: {
					limit: 30000,
					name: '[name].[ext]?[hash]',
				},
			},
		],
	},
	plugins: [
		new webpack.DefinePlugin({
			'process.env': {
				NODE_ENV: JSON.stringify('production'),
			},
		}),
	],
}
